<layout name="Layout/layout"/>
<style>
    .dining-item{
        background: #eeeeee;
        line-height: 20px;
        padding: 5px;
    }

    .dining-item:hover {
        cursor: pointer;
    }
</style>
<div class="row-fluid">
    <div class="span12">
        <div class="content-box">
            <div class="content-box-title">
            </div>
            <div class="content-box-main" style="min-height: 80px">
                <div class="row-fluid">
                    <div class="span4">
                        <div class="input-append">
                            <input class="span9" id="search" type="text">
                            <button class="btn" type="button" onclick="onSearch();"><i class="icon-search"></i>Search</button>
                        </div>
                    </div>
                    <div class="span4 offset4">
                        <div class="pagination pagination-right" style="margin:0px 0px 5px 0px;" id="page1">
                            <ul>
                                <li class="pagination-pre"><a>&laquo;</a></li>
                                <li class="disabled"><span class="pagination-currentNum">1</span></li>
                                <li class="pagination-next"><a>&raquo;</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span12">
                        <table class="table table-hover" id="table">
                            <thead>
                                <th>#</th>
                                <th>Name</th>
                                <th>Price</th>
                                <th>Status</th>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row-fluid" style="margin-top: 30px;">
    <div class="span12">
        <div class="content-box">
            <div class="content-box-title">
            </div>
            <div class="content-box-main" style="min-height: 80px">
                <div id="cal" ></div>
            </div>
        </div>
    </div>
</div>


<div class="modal hide fade" id="modal1">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>Dining</h3>
    </div>
    <div class="modal-body">
        <form class="form-horizontal">
            <div class="control-group">
                <label class="control-label" for="inputDining">Select</label>
                <div class="controls">
                    <select id="inputDining" placeholder="dining">
                        <volist name="data" id="vo">
                            <option value="{$vo.id}">{$vo.name}</option>
                        </volist>
                    </select>
                </div>
            </div>
        </form>
    </div>
    <div class="modal-footer">
        <button class="btn" onclick="onClose();">Cancle</button>
        <button class="btn btn-primary" onclick="onComfireSelect();">OK</button>
    </div>
</div>

<div class="modal hide fade" id="modal2">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>确认</h3>
    </div>
    <div class="modal-body">
        <h4>确定删除?</h4>
    </div>
    <div class="modal-footer">
        <button class="btn" onclick="onClose();">Cancle</button>
        <button class="btn btn-primary" onclick="onComfireDelete();">OK</button>
    </div>
</div>
<link rel='stylesheet' type='text/css' href='__URL__/../../../assets/css/fullcalendar.css'/>
<script type='text/javascript' src='__URL__/../../../assets/js/fullcalendar.js'></script>
<script src="__URL__/../../../public/JS/Admin/dining.js"></script>